<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link rel="stylesheet" href="../../styles/page.css"/>
</head>
<body>
<div id="app">
    <h2>个人信息</h2>
    <el-card>
        <div>
            <p><strong>账号:</strong> {{ personalInfo.username }}</p>
            <p><strong>姓名:</strong> {{ personalInfo.name }}</p>
            <p><strong>性别:</strong> {{ personalInfo.sex }}</p>
           <!-- <p><strong>邮箱:</strong> {{ personalInfo.mail }}</p>-->
            <p><strong>电话号码:</strong> {{ personalInfo.phone }}</p>
            <p><strong>地址:</strong> {{ personalInfo.address }}</p>
        </div>
    </el-card>
    <div class="tableBar">
    <el-button
            type="primary"
            @click="perfect()"
    >
        完善信息
    </el-button>
    </div>
</div>


<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../../plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="../../plugins/axios/axios.min.js"></script>
<script src="../../js/request.js"></script>
<script src="../../api/member.js"></script>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                personalInfo: [],
            }
        },
        created() {
            queryUser().then(res => {
                if (res.code === 1) {
                    this.personalInfo=res.data
                } else {
                    this.$message.error(res.msg || '操作失败')
                }
            })
        },
    });
</script>
</body>
</html>